<!DOCTYPE html>
<link rel="stylesheet" href="styles/options.css">
<link rel="stylesheet" href="styles/codemirror.css">
<script src="js/options.js"></script>
<script src="js/neatools.js"></script>
<script src="js/codemirror.js"></script>
<h1><img src="images/icon32.png" width="32" height="32" alt=""> <span id="extName"></span> <span id="version"></span> <small><span id="options"></span></small></h1>
<fieldset>
	<legend id="general"></legend>
	<input type="checkbox" id="click-new-tab" /><label for="click-new-tab" id="optionClickNewTab"></label><br /><br />
	<input type="checkbox" id="open-new-tab-bg" /><label for="open-new-tab-bg" id="optionOpenNewTab"></label><br /><br />
	<input type="checkbox" id="close-unused-folders" /><label for="close-unused-folders" id="optionCloseUnusedFolders"></label><br /><br />
	<input type="checkbox" id="popup-stay-open" /><label for="popup-stay-open" id="optionPopupStays"></label><br /><br />
	<input type="checkbox" id="confirm-open-folder" /><label for="confirm-open-folder" id="optionConfirmOpenFolder"></label><br /><br />
	<input type="checkbox" id="remember-prev-state" /><label for="remember-prev-state" id="optionRememberPrevState"></label>
</fieldset>
<fieldset>
	<legend id="accessibility"></legend>
<div>
	<label id="optionZoom"></label>&nbsp; <input type="number" min="90" max="150" step="10" value="100" id="zoom-input">%
</div>
</fieldset>
<fieldset>
	<legend id="customIcon"></legend>
	<div id="custom-icon-preview">
	<img src="images/icon.png" width="19" height="19" alt=""></div>
	<label id="customIconText"></label> <input type="file" id="custom-icon-file">
</fieldset>
<fieldset>
	<legend id="resetSettings"></legend>
<div>
	<span id="resetText"></span> <button type="button" id="reset-button" name="reset"><span id="reset"></span></button>
</div>
</fieldset>
<fieldset>
	<legend id="customStyles"></legend>
	<p><span id="customStylesText"></span></p>
	<textarea id="userstyle"></textarea>
</fieldset>
<div id="footer">
	<span id="optionsFooterText1"></span><br />
	<span id="optionsFooterText2"></span><br />
	<span id="optionsFooterText3"></span><br />
	<span id="optionsFooterText4"></span><br />
	<span id="optionsFooterText5"></span><br />
	<span id="optionsFooterText6"></span><br />
	<span id="optionsFooterText7"></span><br />
</div>